<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页</title>
		<link rel="stylesheet" type="text/css" href="css/bailianRegister.css"/>
		
		<script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bailianRegister.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/jquery-validation-1.14.0/dist/jquery.validate.js" type="text/javascript" charset="utf-8"></script>
	    <script src="libs/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="container">
			<div id="title">
				<img src="img/banner-logo.png"/>
				<img src="img/register-logo.png"/>
			</div>
			<div id="center">
				<div id="top">
					<dl>
						<dt>您好，感谢您加入百联</dt>
						<dd>如有账号,请 <a href="#">登录</a></dd>
					</dl>
				</div>
				<div id="register-ifo">
					<form action="login.html" method="post" class="bl-form bl-formhor" id="jsForm">
				        <ul>
				        	<li class="bl-form-group">
				                <label><em>* </em>用户名：</label>
				                <div class="controls">
				                   <input id="username" class="fn-tinput required" data-rule-email="" type="text" name="username" placeholder="6-20位字符，大小写字母、数字都要有" required data-msg-required="请输入用户名" minlength="6" maxlength="20" data-msg-minlength="至少输入6个字符" />
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入用户名</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>请输入用户名</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>6-20位字符，大小写字母、数字都要有</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>用户名已被注册</span>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label><em>* </em>登录密码：</label>
				                <div class="controls">
				                    <input id="password" class="fn-tinput required" type="password" name="password" value="" placeholder="6-20位字符，支持字母胡字母与数字组合" required id="password" minlength="6" maxlength="20"/><!--请求地址-->
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>密码强度<b>弱</b><b>中</b><b>强</b></span>
				                	</li>
				                	<!--<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入登录密码</span>
				                	</li>-->
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>登陆密码必须是6-20位字符</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>不能使用相同的数字或是字符</span>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label><em>* </em>确认密码：</label>
				                <div class="controls">
				                    <input class="fn-tinput required" type="password"  name="confirm_password" value="" placeholder="确认密码" required equalTo="#password">
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请确认密码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>请输确认密码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>两次密码输入不一致</span>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label><em>* </em>手机：</label>
				                <div class="controls">
				                    <input type="text" id="phone" value="" name="phone" class="fn-tinput required" placeholder="手机号" required data-rule-mobile="true" data-msg-required="请输入手机号" data-msg-mobile="请输入正确格式" />
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入手机号码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>请输入正确的手机号码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label>验证码：</label>
				                <div class="controls">
				                    <input type="text" value="" name="verifyCode" class="fn-tinput checkNum" placeholder="请输入验证码" required data-rule-mobile="true" data-msg-required="请输入手机号" data-msg-mobile="请输入正确格式" />
				                    <span class="verifyCode"></span>
				                    <a href="#">换一换</a>
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入验证码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>请输入验证码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>验证码不正确</span>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label><em>* </em>短信验证码：</label>
				                <div class="controls">
				                    <input type="text" value="" name="verifyCode" class="fn-tinput checkNum required" placeholder="请输入短信验证码" required data-rule-mobile="true" data-msg-required="请输入手机号" data-msg-mobile="请输入正确格式" />
				                    <input type="button" id="" value="获取验证码"class="verifyCode-btn" />
				                    <!--<button class="verifyCode-btn">获取验证码</button>-->
				                </div>
				                <span class="none"></span>
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入短信验证码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>请输入短信验证码</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>短信验证码有误</span>
				                	</li>
				                </ul>
				            </li>
				            <li class="bl-form-group">
				                <label>电子邮箱：</label>
				                <div class="controls">
				                    <input type="text" id="email" value="" name="email" class="fn-tinput" placeholder="请输入邮箱" required data-rule-mobile="true" data-msg-required="请输入手机号" data-msg-mobile="请输入正确格式" />
				                </div>
                                 <span class="none"></span>				                
				                <ul>
				                	<li>
				                		<i><img src="img/register-tip.png"/></i>
				                		<span>请输入电子邮箱</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-no.png"/></i>
				                		<span>邮箱有误</span>
				                	</li>
				                	<li>
				                		<i><img src="img/register-yes.png"/></i>
				                	</li>
				                </ul>
				            </li>
						    <li class="bl-form-group bl-form-text">
				                <label></label>
				                <div class="controls">
				                    <label><input name="checkbox" type="checkbox" value="" required>我已阅读并同意<a href="#">《百联通会员注册协议》</a></label>
				                    <span for="checkbox1" class="error"></span>
				                </div>
				            </li>
						    <li class="bl-form-group bl-form-btns">
				                <label class="fn-vhid">提交：</label>
				                <div class="controls">
				                    <button class="fn-btn btn-primary btn-submit submitBtn" type="button">立即注册 完成绑定</button>
				                </div>
				            </li>
				        </ul>
				   </form>
					
				</div>
			</div>
			<div id="bottom">
				<div id="footer-aboutUs">
				<p>
					<a href="#">关于我们</a> <span>|</span> 
					<a href="#">联系我们</a> <span>|</span> 
					<a href="#">加盟合作</a> <span>|</span> 
					<a href="#">诚征英才</a> <span>|</span> 
				    <a href="#">友情链接</a> <span>|</span>
				</p>
				<p>
					上海百联全渠道电子商务有限公司 版权所有 | 沪ICP备15028847号
				</p>
				<p>
					联系地址：上海市普陀区真光路1258号百联中环广场6楼 | 联系电话：021-52629933 | 咨询热线：400-900-8800
				</p>
				<p>
					本企业已通过ISO9001:2000 质量管理体系标准认证 | 认证注册号：04206Q10079ROM | 认可注册号：CNAB042-Q | 增值电信业务经营许可证：沪B2-20100062 96.2
				</p>
			</div>
			</div>
		</div>
	</body>
</html>
